import React from 'react';
import { Message } from '@teamix/ui';
import ProTag from './index';
import './message.scss';
import intl from '../../locale';

export default () => {
  return (
    <div className="pro-tag-message">
      <Message type="notice">
        <ProTag />
        <span style={{ marginLeft: '4px', color: '#262626' }}>
          {intl.get({
            id: 'code-assets.components.proTag.message.ExclusiveFeaturesOfThePro',
            defaultMessage: '高级版专属功能，2021.8.1 前限时免费使用',
          })}
        </span>
        <a
          className="pro-tag-message-a"
          href="https://help.aliyun.com/document_detail/261146.html"
          target="_blank"
          rel="noreferrer"
        >
          {intl.get({
            id: 'code-assets.components.proTag.message.LearnMore',
            defaultMessage: '了解更多',
          })}
        </a>
      </Message>
    </div>
  );
};
